#y-chat-footer {
    //height: 0;
    overflow: visible;
    background-color: #f5f5f5;
    flex-shrink: 0;

    .footer-wrapper {
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        padding-bottom: 4/10rem;

        .form-mask {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            z-index: 2;
        }

        .form-wrap {
            padding: 2/10rem (14/6.4/10rem);
            display: flex;
            align-items: center;
            justify-items: center;

            .form-input {
                flex: 1;
                height: 12.65625/10rem;
                line-height: 12.65625/10rem;
                font-size: 0;
                box-shadow: 0 6px 15px rgba(36, 37, 38, 0.2);
                background-color: #ffffff;
                border-radius: 3.4/10rem;
                overflow: hidden;

                .message-input {
                    height: 100%;
                    padding: 0 4.21875/10rem;

                    color: #666666;
                    width: 100%;
                    font-size: 3.906/10rem;
                }
            }
            .active {
                &.form-input input {
                    padding-left: 91/6.4/10rem;
                    padding-right: 14/10rem;
                }
                .send-text {
                    right: 4/10rem;
                }
                .phone-icon-inner {
                    display: inline-block;
                }
            }

            .send-text {
                position: absolute;
                top: 0;
                right: -24/10rem;
                height: 81/6.4/10rem;
                line-height: 81/6.4/10rem;
                color: #ee186d;
                font-size: 4.206/10rem;
                transition: right 230ms;
                background: none;
            }

            .form-phone {
                flex-basis: 91/6.4/10rem;
                padding-right: (14/6.4/10rem);

            }

            .phone-icon {
                box-shadow: 0 6px 15px rgba(36, 37, 38, 0.08);
                width: 77/6.4/10rem;
                height: 77/6.4/10rem;
                background-color: #4597f4;
                border-radius: 77/6.4/10rem;
                overflow: hidden;
            }

            .phone-icon-inner {
                position: absolute;
                left: 16/6.4/10rem;
                top: (81-57)/2/6.4/10rem;
                width: 63/6.4/10rem;
                height: 57/6.4/10rem;
                z-index: 1;
                border-radius: 10/10rem;
                overflow: hidden;
                display: none;

            }
        }
    }

    .footer-big-input {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f5f5f5;
        padding-bottom: 2/10rem;
        .footer-input {
            flex: 80%;
            padding: 0 1/10rem 0 2/10rem;
        }
        .footer-button {
            flex: 20%;
            height: 100%;
            padding: 0 2/10rem 0 1/10rem;
        }
        textarea {
            height: 17/10rem;

            background-color: #fff;
            border-radius: 1.563/10rem;
            border: solid .156/10rem rgba(0,0,0,.1);
            vertical-align: middle;
            color: #666;
            font-size: 3.906/10rem;
            line-height: 1.2;
            width: 100%;
            padding: 1/10rem;
        }

        button {
            height: 17/10rem;
            border-radius: 1.563/10rem;
            font-size: 4.9/10rem;
            letter-spacing: 1.2/10rem;
            text-indent: 1.2/10rem;
            display: flex;
            width: 100%;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            background: @r-selectBtnColor;

            i {
                font-size: 9/10rem;
            }
        }
    }
}


